.purchase-box {
  position: fixed;
  bottom: 0;
  left:0;
  display: flex;
  flex-direction: row;
  width: 100%;
  height: .44rem;
  background-color: #fff;

  .ceil {
    height: 100%;
    box-sizing: border-box;

    &.check-ceil{
      display: flex;
      justify-content: center;
      align-items: center;
      flex: 1;
    }

    &.price-ceil {
      display: flex;
      flex-direction: row;
      flex: 3;
      justify-content: flex-end;
      align-items: center;

      .price {
        display: inline-block;
        color: #f40;
        font-weight: bold;
        font-size: .18rem;

        span {
          font-size: .18rem;
        }
      }
    }

    &.btn-ceil {
     display: flex;
     flex: 3;
     padding: 0 .15rem;
     box-sizing: border-box;
     justify-content: flex-end;
    align-items: center;
     
     .btn {
       width:1rem;
       height: .3rem;
       background-color: #f00;
       color: #fff;
       font-size: .16rem;
     }
    }
  }
}